<template>
  <div class="fdx-loading">
    <img width="24" height="24" src="./loading.gif">
    <p class="text">{{text}}</p>
  </div>
</template>
<script type="text/ecmascript-6">
export default {
  props: {
    text: {
      type: String,
      default: '正在载入...'
    }
  }
}
</script>
<style  lang="scss">
@import '../../assets/sass/_vars';
.fdx-loading {
  width: 100%;
  text-align: center;
  padding-top: 30px;
  .text {
    line-height: 20px;
    font-size: 12px;
    color: $gray;
  }
}
</style>
